<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>微观世界</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="keywords" content="旅行,裸辞,微观世界" />
	<meta name="description" content="世界是一本书，不旅行的人只能看到其中的一页。出去走走，看看不同的风景，接触不同的人和事，你会发现，你的烦恼原来是那么微不足道。" />
	<meta name="description" content="我每天很努力地工作，所以我值得拥有这样美好又温馨的旅行！" />
	<meta property="qc:admins" content="517027361763312130636" />
    <!--[if IE]>
    <script src="<?php echo SCScabish::core('url')->root?>/public/js/html5.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="<?php echo SCScabish::core('url')->root?>/public/style/style.css" type="text/css" media="screen" />
    <script src="<?php echo SCScabish::core('url')->create('server/side')?>" type="text/javascript"></script>
    <script src="<?php echo SCScabish::core('url')->root?>/public/js/jquery.js" type="text/javascript"></script>
    <!-- <script src="<?php echo SCScabish::core('url')->root?>/public/js/index/index.js" type="text/javascript"></script> -->
    <style>
	body{background:#fff url(http://ww2.sinaimg.cn/large/6ad2b438gw1dzzio8glt2j.jpg);}
	#index_main {padding-top:40px;}
	#index_left {height:200px;width:275px;opacity:0.8;float:left;overflow:hidden;background:#000;opacity:0.6;filter:alpha(opacity=60);}
	#index_left ul{padding:10px;}
	#index_left ul li{display:inline-block;margin:0 10px 10px 0px;}
	#index_left ul li img{border-radius:0px;box-shadow:1px 1px 1px #000;}
	#index_left ul li img:hover{border-radius:0;box-shadow:3px 3px 3px #000;}
	#index_right {height:300px;background: transparent;float:left;color:#fff;}
	#index_right h1{margin:100px 0 0 100px;font-size:40px;font-weight:normal;text-shadow:1px 1px #000;}
	#index_right h2{margin:100px 0 0 170px;font-weight:normal;font-size:18px;color:#eee;background:#000;opacity:0.5;filter:alpha(opacity=50);padding:10px;}
	#index_right ul.connect{margin:20px 0 0 180px;}
	#index_right ul.connect li{border-radius:2px;display:inline-block;width:80px;padding:10px 20px;margin-right:10px;cursor:pointer;font-size:20px;color:#fff;}
	#index_right ul.connect li:hover{box-shadow:0px 1px 5px #000;}
	#index_right ul.connect li.sina{background:none repeat scroll 0 0 #FF4002}
	#index_right ul.connect li.tencent{background:none repeat scroll 0 0 #39A7D8}
	footer {margin:0;height:50px;line-height:50px;background:#000;opacity:0.9;font-size:#fff;}
	</style>
</head>
<body>
	
	<?php require $this->view->load('header'); ?>
    
    <section id="index_main">
    	<div id="index_left">
    		<ul>
    			<?php foreach($users as $v) {?>
    			<li>
    				<a href="<?php echo SCScabish::core('url')->create('u/'.$v->user_id)?>" title="<?php echo $v->nickname?>">
    					<img src="<?php echo $v->avatar_2?>" width="50"/>
    				</a>
    			</li>
    			<?php } ?>
    			<li style="clear:both;"></li>
    		</ul>
    	</div>
    	
    	<div id="index_right">
    		
    		<h2>人生真的不只是房子、车子、位子，应该还有另外一种可能。<br/>
			它不是旅游，是旅行，远离喧嚣，寻找意义。</h2>
			<h3 style="margin-left:180px;margin-top:30px;color:#ddd;font-weight:normal;font-size:16px;">第三方平台账号登录</h3>
			<ul class="connect">
				<li id="connect_tencent" class="tencent">腾讯QQ</li>
				<!-- <li class="sina">新浪微博</li> -->
			</ul>
    	</div>
    </section>
    
    <footer>
    	<span style="padding-left:10px;"> © 微观世界</span>
    </footer>
    
    <script type="text/javascript">
	$(function() {
		var adjustHeight = function() {
			var body_width = $(window).width() < 1000 ? 1000 : $(window).width();
			$('body').width(body_width);
			var window_height = $(window).height();
			$('#index_left,#index_right').height(window_height-40-50); // 减去头和尾的高度
		};
		$(window).resize(function() {
			adjustHeight();
		});
		adjustHeight();

		$('#connect_tencent').click(function() {
			location.href = '<?php echo SCScabish::core('url')->create('connect/authorize/vendor/tencent')?>';
		});
	});
    </script>
    <script type="text/javascript">
	$(function() {
		$.get(SCABISH.host+'/user/getBasicInfo', function(response) {
			if(SCABISH.isOk(response)) {
				var user_info = SCABISH.obtain(response);
				var html = '\
					<a href="'+SCABISH.host+'/home">微观世界</a>\
					<a href="'+SCABISH.host+'/user/logout">再会！</a>\
				';
			} else {
				var html = '\
					<a href="'+SCABISH.host+'/login">登录</a>\
				';
			}
			$('#SC_profile').html(html);
		});
	});
	</script>
    <div style="display:none;height:0;overflow:hidden;">
    <script type="text/javascript">
	var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
	document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F8f10671345ac533e0f21c68d97a7edf2' type='text/javascript'%3E%3C/script%3E"));
	</script>
    </div>
</body>
</html>   